<div class="container">
   <div class=" ui-portlet" id="html-parsers-list">
       <div style="    background-color: #d9edf7;padding:10px;
    border-color: #bce8f1;
    color: #3a87ad;"><p style="font-size:16px;clear:none;"><strong style="color:red;">提示：</strong>① 在编辑器中粘贴或者输入所有内容，② 点击对应的一键排版规则,③ 全文内容实现自动排版</p></div>
       	<!-- <ul class="nav nav-tabs" style="border:0 none;">
		  <li class="active"><a href="#html-parsers-items" role="tab" data-toggle="tab">一键规则</a></li>
		  <li><a href="#html-parsers-options" role="tab" data-toggle="tab">参数设置</a></li>
		</ul> -->
		<div style="padding:0px;overflow-x:hidden;" id="tpl-tab-content">
			<div id="html-parsers-items" class="tab-pane active">
				<div id="html-parsers-options">
					<section style="white-space: normal;font-size: 14px; line-height: 30px; margin: 2px auto; padding: 10px 10px; border: 2px dashed #dedcde;max-width: 100%;">
				    	<p style="font-size:12px;font-weight:bold;"> 参数设置 </p>   
				        <p>是否自动识别标题 <i title="若设置识别则文字少于标题最大字数的段落将被设为标题" class="showtooltip fa fa-question-circle"></i>： <select onchange="if(this.value==1) $('#title-text-num-p').hide();else $('#title-text-num-p').show();" name="skip_title" style="height: 20px;border-radius: 3px;"><option value="">识别</option><option value="1">不识别</option></select></p>
				        <div id="title-text-num-p">
				        	<p>标题最大字数 <i title="段落文字数超过最大标题字数时，不会被认为是标题" class="showtooltip fa fa-question-circle"></i>： <input name="title_text_num" style="width: 32px; height: 20px;padding:0;margin:0;line-height:20px;vertical-align: baseline;text-align: center;border-radius: 3px;border: 1px solid #aaa;" value="20" size="3"></p>
				        	<p>图片短描述 <i title="图片前或后的短文字被认为是图片描述，图片短描述不会识别为标题，<br>可选择是否有描述及描述出现位置。无描述时，均识别为标题。" class="showtooltip fa fa-question-circle"></i>： <select name="image_desc" style="height: 20px;border-radius: 3px;"><option value="">无描述</option><option value="before">图片前方</option><option value="after">图片后方</option></select></p>
				        </div>
				    </section>					
				</div>
				
				<div>
					<div style="padding:10px 0;">
							{{$page_navi}}
						       <div class="row">
						       {{loop $datalist $k $item}}
						       	<div class="col-sm-12 col-md-4">
						       		<div class="appmsg clearfix html-parser-rule" style="cursor:pointer; padding: 10px; border-bottom: 1px solid #CCC;" id="html-parser-{{$item['HtmlParser']['id']}}"  data-id="{{$item['HtmlParser']['id']}}">
							       		<div class="appmsg_content text-center">
							       			{{if $item['HtmlParser']['coverimg']}}
								       			{{$this->Html->image($item['HtmlParser']['coverimg'],array('title'=>$item['HtmlParser']['name'],'class'=>'showtooltip'))}}
								       		{{/if}}
								       		<p title="{{$item['HtmlParser']['name']}}" style="font-weight:normal;font-size: 10px;color: #EF7060;white-space: nowrap;">{{$item['HtmlParser']['name']}}</p>
								       		<p style="font-weight:normal;font-size: 10px;text-align: center;color: #EF7060;">
								       		{{if $item['HtmlParser']['preview_url']}}<a onclick="return true;" target="_blank" href="{{$item['HtmlParser']['preview_url']}}">[预览]</a>{{/if}}
								       		<!-- {{if empty($_REQUEST['appkey'])}}
								       			{{if $item['HtmlParser']['use_grade']==3}} 限高级VIP {{elseif $item['HtmlParser']['use_grade']==2}} 限中、高级VIP {{elseif $item['HtmlParser']['use_grade']==1}} VIP可用 {{else}} 免费使用	{{/if}}
								       		{{/if}} -->
								       		</p>
							       		</div>
						       		</div>
						       	</div>
						  		{{/loop}}
						    	</div>
					    	{{$page_navi}}	    		
					</div>
					
		    	</div>
			</div>
		</div>       	
    </div>
</div>
  	
